<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>item-sku 一键获取</title>
    <link rel="stylesheet" href="index.css" />
    <script defer src="index.js"></script>
  </head>
  <body>
    <form>
      <h1>item-sku 一键获取</h1>
      <div class="tabs">
        <label>
          动态配置
          <input type="radio" name="type" value="dynamic" checked />
        </label>
        <!-- <label class="selected">
          Programmatic
          <input type="radio" name="type" value="programmatic" />
        </label> -->
      </div>
      <!-- <label>
        <span>Persist across sessions</span>
        <select name="persist" value="no">
          <option value="no">No</option>
          <option value="yes">Yes</option>
        </select>
      </label> -->
      <label>
        <span>插件加载时间</span>
        <select name="run-at" value="document_idle">
          <option value="document_start">在页面渲染开始时</option>
          <option value="document_end">在页面渲染完成时</option>
          <option value="document_idle">在页面渲染空闲时</option>
        </select>
      </label>
      <label>
        <span>插件加加载方式</span>
        <select name="world" value="ISOLATED">
          <option value="ISOLATED">独立加载</option>
          <option value="MAIN">页面共用</option>
        </select>
      </label>
      <label>
        <span>是否加载所有iframe</span>
        <select name="all-frames" value="no">
          <option value="no">No</option>
          <option value="yes">Yes</option>
        </select>
      </label>
      <label>
        <span>地址匹配(,)</span>
        <input type="text" name="matches" value="https://detail.1688.com/*" />
      </label>
      <!-- <p class="hint">
        Note: Make sure you request the required
        <code>host_permissions</code> in the manifest.
      </p> -->
      <!-- <div class="buttons programmatic-buttons">
        <button type="button" id="inject-programmatic">Execute Script</button>
      </div> -->
      <div class="buttons dynamic-buttons">
        <button type="button" id="register-dynamic" disabled>
          开启
        </button>
        <button type="button" id="unregister-dynamic" disabled>
          关闭
        </button>
      </div>
    </form>
  </body>
</html>
